import Vue from "vue";
import Vuex from "vuex";
Vue.use(Vuex)

//仓库内部的state 会转绑给当前仓库
export default new Vuex.Store({
  strict: true,

  //仓库内部的响应式数据
  state:{
    count:0,
    firstName:"T",
    lastName:"Mac"
  },

  //仓库内部的计算属性
  getters:{
    fullName(state){
      return state.firstName +"-"+state.lastName
    }
  },

  //仓库内部同步修改数据的工具
  mutations:{
    add(state,step){
      state.count+=step
    }
  },

  //仓库内部异步修改数据的工具
  actions:{
    add(store,step){
      // setTimeout(()=>{
        store.commit("add",step)
      // },2000)
    }
  }
})
